<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面的锚点</title>
</head>
<body>
    <h1>页面的锚点</h1>
    <p>
        <a href="#phone">手机</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="#computer">电脑</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="#pad">平板</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
        <a href="#pod">耳机</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="#clock">手表</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
        <a href="#ai">智能家居</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </p>
    <h2 id="phone">手机</h2>
    <img 
    src="https://img1.360buyimg.com/n6/jfs/t1/325975/27/14902/150941/68b6a768F234d52f1/ef66ee6043000c1e.jpg" 
    alt="手机"
    width="300"
    height="300"
    />
    <h2 id="computer">电脑</h2>
    <img 
    src="https://img1.360buyimg.com/n6/jfs/t1/246892/20/31037/81461/68e5fe93F9e44574e/c1e371be28511606.jpg" 
    alt="电脑"
    width="300"
    height="300"
    />
    <h2  id="pad">平板</h2>
    <img 
    src="https://img1.360buyimg.com/n6/jfs/t1/350844/40/1044/47860/68be9e8dFd6ace3e3/29975d7fa7b8ff1d.png" 
    alt="平板"
    width="300"
    height="300"
    />
    <h2 id="pod">耳机</h2>
    <img 
    src="https://img1.360buyimg.com/n6/jfs/t1/175517/9/52038/53669/675511dfF938ed1e1/dd58bfcb37f555a9.jpg" 
    alt="耳机"
    width="300"
    height="300"
    />
    <h2 id="clock">手表</h2>
    <img 
    src="https://img1.360buyimg.com/n6/jfs/t1/232921/2/12679/95159/65d56542Fa3268c17/aa4019f80e8a608b.jpg" 
    alt="手表"
    width="300"
    height="300"
    />
    <h2 id="ai">智能家居</h2>
    <img 
    src="https://img1.360buyimg.com/n6/jfs/t1/299927/28/13606/110028/68510d55F395eb068/2c2266d43bde6269.png" 
    alt="智能家居"
    width="300"
    height="300"
    />
    <p>
        <a href="#top">
            返回顶部
        </a>
    </p>
</body>
</html>